const Item = ({ index: ind, style: defaultStyle, ref, height }) => {
    if (isItemLoaded(ind)) {
      return (
        <div
          className={`${judgeDelAnimation(ind)} ${styles['wen-left-list-item']}`}
          key={data[index]?.value[ind]?.queryId}
          style={{
            ...defaultStyle,
            height: 'auto',
            // top: itemsHeight[index].slice(0, ind).reduce((sum, i) => sum + i, 0),
          }}
          ref={ref}
        >
          <div
            className={styles['wen-left-sliding']}
            style={
              itemsHeight[index]?.length === 1 ? { position: 'fixed', height: '4px' } : { height }
              // : itemsHeight[index][ind] > 38
              // ? { height: '60px' }
              // {}
            }
          >
            {data[index]?.value[ind]?.queryId === queryID ? (
              <div className={styles['wen-left-activate-sliding']} style={{ marginTop: (height - 9) / 2 }} />
            ) : null}
          </div>
          <div
            data-pc-s-left-grid="1"
            className={
              data[index]?.value[ind]?.queryId === queryID
                ? `${styles['wen-activate-title']} ${styles['wen-list-item']}`
                : styles['wen-list-item']
            }
          >
            <p
              className={styles['wen-left-item-p']}
              data-pc-s-left-grid="1"
              onClick={(e) => switchUrl(e, ind)}
              onMouseOver={(e) => handleMouseOver(e, ind)}
              onMouseOut={handleMouseOut}
            >
              <span>{data[index]?.value[ind]?.query}</span>
            </p>

            <span className={styles['wen-left-list-item-icon']} onClick={(e) => handleClickShowConfirm(e, ind)}>
              <MoreIcon />
            </span>
          </div>
        </div>
      );
    } else {
      return (
        <div
          style={{
            ...defaultStyle,
            height: 'auto',
            top: itemsHeight[index]?.slice(0, ind)?.reduce((sum, i) => sum + i, 0),
          }}
          ref={ref}
        >
          <div className={`${styles['wen-list-item']} ${styles['wen-list-item-loading']}`}>
            <p>加载中...</p>
          </div>
        </div>
      );
    }
  };